<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>后端数据可视化</title>
    <!-- 引入 echarts.js -->
    <script src="js/echarts.min.js"></script>
    <!-- 引入 jquery.min.js -->
    <script src="js/jquery.min.js"></script>
    <link rel="stylesheet" href="css/loading.css"/>
</head>
<body>
	<!-- loading... -->
	<div class="loadingBox" data-show="0">
		<div class="loadingMain">
			<div class="loadingCenter">
				<div class="loadingIcon">
					<span></span>
				</div>
				<p id="p1">页面渲染中......</p>
			</div>
		</div>
	</div>
	
	<!-- 创建hdfs指标的Dom -->
    <div id="hdfs" style="width: 750px;height:600px;float:left;"/>
    
	<!-- 创建计算机指标的Dom -->
    <div id="main" style="width: 750px;height:600px;float:left;"/>
    
    <!-- 填充块 -->
    <div id="loading" style="width: 1500px;height:100px;float:left;"/>
    
    <!-- loading.js -->
	<script src="js/loading.js"></script>
    
    <!-- 大数据指标.js -->
    <script src="js/hdfs.js"></script>
    
    <!-- 计算机指标.js -->
    <script src="js/index.js"></script>
	
</body>
</html>